<template>
  <div>
    <a-menu
      style="width: 256px;height:calc(100vh)"
      :default-selected-keys="['1']"
      :open-keys.sync="openKeys"
      mode="inline"
      @click="handleClick"
    >
      <a-menu-item @click="menu('index-manage')" key="1">
        <a-icon  type="mail" />
        首页管理 
      </a-menu-item>
      <a-menu-item @click="menu('sample-manage')" key="2">
        <a-icon type="mail" />
        作品集管理
      </a-menu-item>
      <a-menu-item @click="menu('author-manage')" key="3">
        <a-icon type="mail" />
        艺术家管理
      </a-menu-item>
      <a-menu-item @click="menu('show-manage')" key="4">
        <a-icon type="mail" />
        摄影展管理
      </a-menu-item>
    </a-menu>
  </div>
</template>
<script>
export default {
  data() {
    return {
     
    };
  },
  created(){

  },
  watch: {
    openKeys(val) {
      console.log('openKeys', val);
    },
  },
  methods: {
    menu(path){
        this.$router.push(path)
    }
  },
};
</script>
